<!--
 * @Author: your name
 * @Date: 2021-08-16 16:10:29
 * @LastEditTime: 2021-08-17 13:54:57
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \新建文件夹\firstproject\starbucks.html
-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>星巴克首页</title>
    <link rel="stylesheet" href="css/1-feame.css">
    <link rel="stylesheet" href="css/account.css">
    <link rel="stylesheet" href="css/commom.css">
</head>
<body>
    <div class="body-h">
        <div class='container'> <!--页面左边-->
            <!-- 左边顶部 -->
            <header class='header'>
                <a class='logo' href='starbucks.html'>
                <img src='https://www-static.chinacdn.starbucks.com.cn/prod/assets/images/logo.svg' alt='星巴克'/>
                </a>
                <div class='primary'>
                    <ul>
                        <li class='stores'>
                            <a class="store-s" href='#'>门店</a>
                        </li>
                        <li class='account'>
                            <a class="account-c" href='account.html'> 我的帐户</a>
                        </li>
                        <li class='menu'>
                            <a class="menu-m"  href='menu.html'>菜单</a>
                        </li>
                    </ul>
                </div>
                <a class='trigger' rel='nav-overlay' href="#"> 
                    <button>
                        <img src='https://www-static.chinacdn.starbucks.com.cn/prod/assets/icons/icon-hamburger.svg'/>
                    </button>
                </a> 
            </header>
            <!-- 左边下底部-->
            <div class="container-m">
                <h2 class="h2">心情惬意来杯咖啡吧</h2>
                <img src="../firstproject/img/starbucks-img/咖啡图标.jpg">
                <br/>
                <input style="top: 200px;position: absolute;" type="submit" value="登录">
                <br/>
                <input style="top: 200px;position: absolute;left: 100px;" type="submit" value="注册">
                <br/>
            </div>
        </div> 
        <!-- 页面右边 -->
        <div style="width: 70%;" class="main">
            <div style="width: 100%;" class="d3">
                <img class="i1" src="../firstproject/img/account_imgs/星巴克背景图.jpg">
            </div>
            <div  style="padding:20px ;margin: 0px; width: 100%;margin-left: 0;margin-right: 10%; ">
                <a href=""><img src="img/starbucks-img/星选经典.jpg" alt=""></a>
                <a href=""><img src="img/starbucks-img/店铺.jpg" alt=""></a>
                <a href=""><img src="img/starbucks-img/星巴克伙伴.jpg" alt=""></a>
            </div>
            <div align:center;  style="width: 100%;margin-left: 5%;margin-right: 10%; ">
                <a style="padding: 0;margin: 0;" href=""><img src="img/starbucks-img/星巴克俱乐部.jpg" alt=""></a>
            </div>
             <div style="width: 100%;margin-left: 0;margin-right: 10%;">
               <a href=""><img src="img/starbucks-img/xingbake12.jpg" alt=""></a>
               </div>
               <div style="width: 100%;margin-left: 0;margin-right: 10%;">
                   <a href=""><img src="img/starbucks-img/19122.jpg" alt=""></a>
               </div>
        </div>
            <!-- 扩展 -->
     <div class="nav">
        <header class='header1'>
            <a class='logo' href='starbucks.html'>
            <img src='https://www-static.chinacdn.starbucks.com.cn/prod/assets/images/logo.svg' alt='星巴克'/>
            </a>
            <a class='trigger1' rel='nav-overlay'> 
                <button>
                    <img src='https://www-static.chinacdn.starbucks.com.cn/prod/assets/icons/icon-close.svg'/>
                </button>
            </a> 
        </header1>
        <div class="container-m1">
            <div class="container-bottom1">
                <ul class="list">
                    <li> <a href="#">门店</a></li>
                    <li> <a href="#">星享俱乐部</a></li>
                    <li> <a href="menu.html">菜单</a></li>
                    <li> <a href="starbucks-app.html">星巴克移动应用</a></li>
                    <li> <a href="#">星礼卡</a></li>
                    <li> <a href="starbucks-reserve.html">星巴克臻选<sup>TM</sup></a></li>
                    <li> <a href="starbucks-now.html">咖快<sup>TM</sup>&nbsp;-&nbsp;在线点 到店取</a></li>
                    <li> <a href="starbucks-delivers-info.html">专星送<sup>TM</sup></a></li>
                    <li> <a href="coffee-blog.html">咖啡星讲堂</a></li>
                    <li> <a href="#">上海烘焙坊</a></li>
                    <li> <a href="about.html">关于星巴克</a></li>
                    <li> <a href="help.html">帮助中心</a></li>
                </ul>
            </div>
        </div>
    </div>
  <script>
    document.getElementsByTagName("button")[0].onclick=function(){document.getElementsByClassName("nav")[0].style.display="block",document.getElementsByClassName("container")[0].style.display="none";}
    document.getElementsByTagName("button")[1].onclick=function(){document.getElementsByClassName("nav")[0].style.display="none",document.getElementsByClassName("container")[0].style.display="block";}
  </script>
    </div>
    
</body>
</html>
